/**************** Header and navigation styles ****************/
*{margin:0; padding:0;}
body{margin:0; padding:0; background:url(../images/bg_repeat.jpg);  }

#theme_top{width:100%; height:319px; position:absolute; background:url(../images/bg.png) top center no-repeat; top:0px; left:0px;} 
	#theme_top .menu_top{ width:100%; height:38px; background:url(../images/bg_top.png) bottom repeat-x; position:relative; float:left;}
	#theme_top .menu_content{ position:relative; width:980px; height:38px; margin:0 auto;}
	#theme_top .toolbar{ float:left; height:38px;}
	#theme_top .toolbar li{ float:left;  color:#1d679b; font-size:12px; list-style-position:inside; text-shadow:1px 0.5px 0px #eaeaea; padding:0 5px 0 5px; }
	#theme_top .toolbar li:hover{ color:#3084be;}
	#theme_top .toolbar li a{ text-decoration:none; color:#1d679b; font-size:12px; line-height:38px;  text-shadow:1px 0.5px 0px #eaeaea; }
	#theme_top .toolbar li a:hover{ color:#3084be;}
	#theme_top .social{ float:right; margin: 4px 0 0 0;}
	
#theme_page_container{width:1000px; height:auto; margin:38px auto; position:relative;}
#theme_page_body{position:relative; width:980px; height:auto; margin:0 auto;}
#theme_header{height:110px; width:980px; margin:0px 0 0 0;}
#theme_header img{ margin:20px 0 0 0;}
#theme_header .logo{ width:260px; height:100px; margin:0px 0 0 0;}	
#theme_navigation_bar{position:relative; width:980px; height:52px; margin:0 0 10px 0px;}
#theme_navigation_bar .theme_navigation_bar_l{height:52px; width:7px; float:left; background: url(../images/menu_lr.png) top left no-repeat;}
#theme_navigation_bar .theme_navigation_bar_c{height:52px; width:966px; float:left; background: url(../images/menu_lr.png) bottom repeat-x;}
#theme_navigation_bar .theme_navigation_bar_r{height:52px; width:7px; float:left; background: url(../images/menu_lr.png) top right no-repeat;}
#theme_slide{float:left; width:711px;; height:375px; margin:0 5px 0 0px;}
#theme_login{float:left; width:262px;; height:375px; position:relative;}
#theme_top_left{float:left; position:relative; width:262px; margin:5px 4px 0 0;}
	#theme_search{float:left; width:262px; height:409px; margin:1px 0 0 0;}
	#theme_left_block{ margin:4px 0 0 0px; float:left; background:url(../temp/images/crome.png); width:262px; height:170px;}
#theme_top_right{float:left; position:relative; width:714px; margin:5px 0 0 0;}
	#theme_recomment{float:left; width:714px; height:410px;}
#theme_bottom_left{position:relative; float:left; width:815px; min-height:1000px; margin:5px 5px 0 0px;}
 
#theme_bottom_right{position:relative; float:left; width:160px; height:auto; margin:5px 0 0 0px;}
	#theme_announced_1{width:160px; height:600px; overflow:auto; background:url(../temp/images/ad1.png) no-repeat;}
	#theme_announced_2{width:148px; height:385px; overflow:auto; margin:7px 0 0 0; background: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border:solid #b7b7b8 1px;
	padding:5px 5px 0 5px;
	
	}
#theme_announced_3{float:left; margin:2px 0 0 0; width:980px; height:135px; background:url(../temp/images/ad2.png) repeat-x;}
#theme_footer{ position:relative; float:left; width:980px; height:70px; margin:-2px 0 20px 0px;}
	#theme_footer .theme_footer_l{ float:left; height:70px; width:35px; background:url(../images/footer_lr.png) left no-repeat;}
	#theme_footer .theme_footer_c{ float:left; height:70px; width:925px; background:url(../images/footer_c.png) repeat-x;}
		#theme_footer .theme_footer_c p{ text-align:center; color:#fff; font-family:Metrophobic, supermarket; line-height:65px; font-weight:400;}
	#theme_footer .theme_footer_r{ float:left; height:70px; width:20px; background:url(../images/footer_lr.png) right no-repeat;}
/**************** login styles ****************/
#theme_login .login_head{ position:relative; width:262px; height:46px;}
	#theme_login .login_head_l{ float:left; height:46px; width:9px; background:url(../images/login_lr.png) no-repeat left; }
	#theme_login .login_head_c{ position:relative; float:left; height:46px; width:244px; background:url(../images/login_c.png) repeat-x; }
		#theme_login .ribbon{ position:absolute; right:-10px; top:-2px; background:url(../images/free.png) no-repeat; width:52px; height:45px;}
		#theme_login h3{color:#fff; font-size:30px; text-indent:5px; line-height:42px;font-family:supermarket; font-weight:normal; } 
	#theme_login .login_head_r{ float:left; height:46px; width:9px; background:url(../images/login_lr.png) no-repeat right; }
#theme_login .login_content{ position:relative; width:230px; height:245px; background:#f0f0f3; border-left:#b7b7b8 1px solid; border-right:#b7b7b8 1px solid; padding:5px 15px 0px 15px; }
#theme_login .register{ width:262px; height:77px; background:url(../images/register.png) left no-repeat; cursor:pointer;}
#theme_login .register:hover{ background:url(../images/register.png) right no-repeat;}
#theme_login input[type="submit"]{ background:url(../images/login_b.png) top no-repeat; width:79px; height:30px; border:none; background-color:transparent; text-indent:9999px; float:right; cursor:pointer; margin:10px 0 0 0px;}
#theme_login input[type="submit"]:hover{ background:url(../images/login_b.png) bottom no-repeat;}
#theme_login input[type="text"], #theme_login input[type="password"]{ width:227px; height:26px; border:#d4d4dc solid 1px; color:#000; margin:0 0 9px 0px;
-moz-box-shadow: 0 0 1px 1px #d0e6f6;
-webkit-box-shadow: 0 0 1px 5px#d0e6f6;
box-shadow: 0 0 1px 1px #d0e6f6; }
#theme_login input[type="text"]:focus, #theme_login input[type="password"]:focus{ background:;}
#theme_login label{color:#b5b5b9; font-family: 'Metrophobic', sans-serif;}
#theme_login ul li { list-style:none;}
#theme_login ul li a{font-family: 'Metrophobic', sans-serif; font-size:14px; color:#B5B5B9; text-decoration:none; list-style:none  ;}
#theme_login ul{ margin:50px 0 0 0px; padding:0 0 10px 0px;}
#theme_login:not(#foo) > input + label{height:25px; background:url(../images/remember.png) left no-repeat;
}

#theme_login input[type=checkbox]:checked + label{ }

#theme_content{
float:left;
width:75%;
font-size:0.9em;
padding:20px 0 0 20px;
}

#theme_content h1{
display:block;
margin:0 0 16px 0;
font-size:1.9em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#theme_content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#theme_content h2 a{font-weight:normal;}
#theme_content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#theme_content .pn-block h4{margin:0 0 5px 0; font-size:1.2em; letter-spacing:-1px;}
#theme_content a:hover,#subcontent a:hover{text-decoration:underline;}
#theme_content ul,#theme_content ol{margin:0 5px 16px 35px;}
#theme_content dl{margin:0 5px 10px 25px;}
#theme_content dt{font-weight:bold; margin-bottom:5px;}
#theme_content dd{margin:0 0 10px 15px;}


/**************** Menublock styles ****************/

/*.pn-bkey-menu, .pn-bkey-extmenu {margin:0 0 20px 8px; font-size:0.9em;}*/
div.navcontainer ul, div#navcontainer ul {
margin:0 0 20px 20px;
font-size:0.9em;
}

.pn-bkey-menu li, .pn-bkey-extmenu li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.pn-bkey-menu li a, .pn-bkey-extmenu li a{font-weight:bold; text-decoration:none;}
.pn-bkey-menu li a:hover, .pn-bkey-extmenu li a:hover{text-decoration:none;}
.pn-bkey-menu li ul, .pn-bkey-extmenu li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.pn-bkey-menu li ul li, .pn-bkey-extmenu li ul li{margin-bottom:0;}
.pn-bkey-menu li ul a, .pn-bkey-extmenu li ul a{font-weight:normal;}
/* admin style override */
#theme_content div.pn-adminformrow label + ul > li {
    margin-left: 20.7em;
}
#theme_content div.pn-adminformrow label + ul > li:first-child {
    margin-left: 0em;
}
/* images */
img {
border:none;
}

.theme_box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

#news_articlecontent	{} /*open to design ideas*/
.news_title		{} /*open to design ideas*/
#news_editlinks		{} /*open to design ideas*/
#news_editlinks_ajax	{} /*open to design ideas*/
.news_meta		{} /*open to design ideas*/
#news_topic		{} /*open to design ideas*/
#news_body		{} /*open to design ideas*/
.news_body		{} /*open to design ideas*/
#news_notes		{} /*open to design ideas*/
#news_modify		{} /*open to design ideas*/

/* Table styles based on style from the css table gallery 
   STYLESHEET: CLEAR BLUE, AUTHOR: ROBERT HARTL */

table.pn-datatable {
	width:100%;
	line-height:1.2em;
	background-color:#fff;
	border-collapse:collapse;
	text-align:left;
	letter-spacing:.1em;
	margin-bottom:1em;
}

table.pn-datatable caption {
	padding-bottom:1em;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:.6em;
	color: #333;
	background: transparent;
}
  
table.pn-datatable thead th, table.pn-datatable tfoot th, table.pn-datatable tfoot td {
	border-right: 1px solid #fff;
	padding-left:5px;
	font-variant:small-caps;
	letter-spacing:0.1em;
	color: #fff;
	background: #a0a0a0;
}
  
table.pn-datatable tfoot th, table.pn-datatable tfoot td {
	border-top: 2pt double #009;
}

table.pn-datatable td, table.pn-datatable th {
	padding:4px;
}

table.pn-datatable tbody tr th, table.pn-datatable tbody tr td {
	border-bottom: 1px dotted #467aa7;
}

table.pn-datatable tbody tr:hover td, table.pn-datatable tbody tr:hover th {
	border-bottom: 1px solid #467aa7;
}

table.pn-datatable tbody td a, table.pn-datatable tbody th a {
	background: transparent;
	text-decoration: none;
	border:none;
}

table.pn-datatable tbody td a:hover, table.pn-datatable tbody th a:hover {
	background: transparent;
}

table.pn-datatable .odd {
	background: #e3e3f4;
}

table.pn-datatable tbody tr:hover {
	color: #333;
	background: #e8eaec;
}

table.pn-datatable tbody tr th:hover {
	background:#fff;
}
/**************** Body and tag styles ****************/
a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}
p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

@font-face{font-family: supermarket; src: url('../fonts/supermarket.ttf');font-weight: normal;}
@font-face {
    font-family: supermarket;
    src: url('../fonts/supermarket.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/supermarket.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/supermarket.ttf') format('ttf'), /* Modern Browsers */
    url('../fonts/supermarket.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/supermarket.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}

@font-face{font-family: Metrophobic; src: url('../fonts/Metrophobic.ttf');font-weight: normal;}
@font-face {
    font-family: Metrophobic;
    src: url('../fonts/Metrophobic.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/Metrophobic.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/Metrophobic.ttf') format('ttf'), /* Modern Browsers */
    url('../fonts/Metrophobic.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Metrophobic.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}
@font-face{font-family: Circular; src: url('../fonts/Circular.ttf');font-weight: normal;}
@font-face {
    font-family: Circular;
    src: url('../fonts/Circular.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/Circular.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/Circular.ttf') format('ttf'), /* Modern Browsers */
    url('../fonts/Circular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Circular.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}
@font-face{font-family: THSarabun; src: url('../fonts/THSarabun.ttf');font-weight: normal;}
@font-face {
    font-family: THSarabun;
    src: url('../fonts/THSarabun.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/THSarabun.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/THSarabun.woff') format('woff'), /* Modern Browsers */
    url('../fonts/THSarabun.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/THSarabun.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}
#theme_login span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin:0 5px 0 0px;
}
#theme_login a.jqTransformCheckbox {
	background: transparent url(../images/remember.png) no-repeat center top;
	vertical-align: middle;
	height: 25px;
	width: 56px;
	display:block;
}

#theme_login a.jqTransformChecked { background-position: center bottom;}
#theme_login .jqTransformHidden {display: none;}